<template>
    <div class="header">
			<div class="mes1">
				<a href="基本信息.jsp">用户信息</a>
			</div>
			<div class="mes2">
				<a href="健康评估.jsp">健康评估</a>
			</div>
			<div class="mes3">
				<a href="健康履历.jsp">健康履历</a>
			</div>
			<div class="mes4">
				<a href="用药记录.jsp">用药记录</a>
			</div>
			<div class="mes5">
				<a href="身体指标.jsp">身体指标</a>
			</div>
		</div>
		<form action="customer?method=addhealth" method="post">
		<table class="tab">
			<tr>
				<td colspan="4" class="index">检查结果</td>
			</tr>
			<tr>
				<td >身高</td>
				<td>
					<input type="text" class="stature" name="stature"/>cm
				</td>
				<td >体重</td>
				<td>
					<input type="text" class="weight" name="weight" />kg
				</td>
			</tr>
			<tr>
				<td >脉搏</td>
				<td>
					<input type="text" class="pulse" name="pulse"/>次/分钟
				</td>
				<td >呼吸频率</td>
				<td>
					<input type="text" class="breath" name="breath" />次/分钟
				</td>
			</tr>
			<tr>
				<td >血压低值</td>
				<td>
					<input type="text" class="b_low" name="b_low" />mmHg
				</td>
				<td >血压峰值</td>
				<td>
					<input type="text" class="b_high" name="b_high" />mmHg
				</td>
			</tr>
			<tr>
				<td >血糖</td>
				<td>
					<input type="text" class="b_g" name="b_g"/>mmHg
				</td>
				<td >血脂</td>
				<td>
					<input type="text" class="b_l" name="b_l" />mmHg
				</td>
			</tr>
			<tr>
				<td >血氧浓度</td>
				<td>
					<input type="text" class="b_O2" name="b_O2" />mmHg
				</td>
				<td >骨密度</td>
				<td>
					<input type="text" class="bone" name="bone" />mmHg
				</td>
			</tr>

			<tr>
				<td >认知状态</td>
				<td>
					<input type="text" class="cognition" name="cognition" />
				</td>
				<td >评估时间</td>
				<td>
					<input type="text" class="time" name="time" />
				</td>
			</tr>
			<tr class="value">
				<td>健康评价</td>
				<td colspan="3">
					<textarea class="sym" name="sym"></textarea>
				</td>
			</tr>
		</table>	
		<button type="submit">添加</button>
		<button type="button" onclick="window.history.back(-1)">返回</button>
		</form>
</template>

<style src="../../assets/css/font-awesome-4.7.0/css/font-awesome.min.css"scoped>
*{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-family: "microsoft yahei";
}
body
{
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px;
}
.header{
	background-color: #E0E0E0;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	height: 30px;
}
.header .mes1 a,.mes2 a,.mes3 a,.mes4 a,.mes5 a{
	color: rgb(0,158,198);
	line-height: 30px;
	font-family: "microsoft yahei";
	margin-left: 90px;
	float: left;
	text-decoration: none;
}
.mes2 a{
	background-color: #7FFFD4;
	border-radius: 5px ;
	box-sizing: border-box;
}
.tab{
	margin-top: 50px;
	width: 100%;
	border: 1px solid greenyellow;
	border-collapse: collapse;
}
tr{
	height: 50px;
}
.tab td{
	border: 1px solid aquamarine;
	padding-left: 20px;
}
.tab tr:nth-child(even){
	background-color: #F8F8F8;
}
td:hover{
	background-color: #F2F2FA;
}
input{
	height: 35px;
	border:1px #AAAAAA solid;
	border-radius: 5px ;
	width: 80%;
	box-sizing: border-box;
	padding-left: 20px;
}
.value{
	height:90px;
}
textarea{
	height: 70px;
	border:1px #AAAAAA solid;
	border-radius: 5px ;
	width: 90%;
	padding-left: 20px;
	box-sizing: border-box;
}
.index{
	text-align:center;
}
</style>